const border = require('../tw-lib-base/border/props')

module.exports = {
  data: {
    type: Array,
    default () {
      return [
        {
          title: '标题1',
          content: '内容1',
          trend: 'down'
        },
        {
          title: '标题2',
          content: '内容2',
          trend: 'up'
        },
        {
          imgUrl: '{{$twApp.fileBaseUrl}}/图片地址',
          title: '标题3',
          html: '<span style="color:#218fff">html片段</span>'
        }
      ]
    },
    name: '',
    filedType: 'api'
  },

  columns: {
    type: String,
    default: '',
    name: '列数',
    nameTip: '每行显示多少项',
    filedType: 'string'
  },

  itemBg: {
    type: String,
    default: '#e2e8ee',
    name: '列表项背景',
    filedType: 'color'
  },

  itemSpacing: {
    type: String,
    default: '30px',
    name: '列表项间距',
    filedType: 'string'
  },

  itemPadding: {
    type: String,
    default: '20px',
    name: '项内边距',
    filedType: 'string'
  },

  isColumn: {
    type: Boolean,
    default: false,
    name: '是否垂直排列',
    filedType: 'switch',
    vif: {
      key: 'columns',
      value: ''
    }
  },

  icons: {
    type: Array,
    default () {
      return []
    },
    name: '图标列表',
    filedType: 'file',
    limit: 100,
    maxSize: 1024
  },

  iconWidth: {
    type: String,
    default: '60px',
    name: '图标宽度',
    filedType: 'string'
  },

  iconHeight: {
    type: String,
    default: '60px',
    name: '图标高度',
    filedType: 'string'
  },

  fontFamily: {
    type: Array,
    default: '',
    name: '字体',
    filedType: 'select',
    options: [
      {
        name: '微软雅黑',
        value: 'Microsoft YaHei'
      },
      {
        name: '宋体',
        value: '宋体'
      },
      {
        name: '继承父元素',
        value: 'inherit'
      },
      {
        name: '液晶面板',
        value: 'digiface'
      },
      {
        name: 'Arial',
        value: 'Arial'
      },
      {
        name: 'Helvetica Neue',
        value: 'Helvetica Neue'
      },
      {
        name: 'Helvetica',
        value: 'Helvetica'
      }
    ]
  },

  titleFontSize: {
    type: String,
    default: '14px',
    name: '标题字体大小',
    filedType: 'string'
  },

  titleFontColor: {
    type: String,
    default: '#333333',
    name: '标题字体颜色',
    filedType: 'color'
  },

  familyText: {
    type: String,
    default: 'digiface',
    name: '文本字体类型',
    filedType: 'string'
  },

  desFontSize: {
    type: String,
    default: '14px',
    name: '描述字体大小',
    filedType: 'string'
  },

  desFontColor: {
    type: String,
    default: '#666666',
    name: '描述字体颜色',
    filedType: 'color'
  },

  fontIconSize: {
    type: String,
    default: '14px',
    name: '上升/下降图标大小',
    filedType: 'string'
  },

  upIconColor: {
    type: String,
    default: '#ff3e68',
    name: '上升图标颜色',
    filedType: 'color'
  },

  downIconColor: {
    type: String,
    default: '#0a77f5',
    name: '下降图标颜色',
    filedType: 'color'
  },

  itemHeight: {
    type: String,
    default: '80px',
    name: '列表项高度',
    filedType: 'string'
  },

  ...border
}
